@charset "utf-8";
section { width:1400px; position:relative; z-index:10;}
section>ul { position:relative; z-index:10;}
section img { max-width:100%;}

.header_index:before { background:url(../images/bg_header.png) repeat-x;}
.header_index .logo1 { display:none;}
.header_index .logo2 { display:block;}
.header_index .nav li>a { color:#fff;}
.header_index .nav li>a.active:before { width:0;}
.header_index .icon li.icon_search>i { background-position:-50px 0px;}
.header_index .icon li.icon_tel>i { background-position:-70px 0px;}
.header_index .icon li.icon_ewm>i { background-position:-90px 0px;}

.header_index:hover:before { background:#fff;}
.header_index:hover .logo1 { display:block;}
.header_index:hover .logo2 { display:none;}
.header_index:hover .nav li>a { color:#050505;}
.header_index:hover .nav li:hover>a { color:#e60012;}
.header_index:hover .nav li>a.active { color:#e60012;}
.header_index:hover .nav li>a.active:before { width:100%;}
.header_index:hover .icon li.icon_search>i { background-position:-50px -20px;}
.header_index:hover .icon li.icon_search:hover>i { background-position:-50px -40px;}
.header_index:hover .icon li.icon_tel>i { background-position:-70px -20px;}
.header_index:hover .icon li.icon_tel:hover>i { background-position:-70px -40px;}
.header_index:hover .icon li.icon_ewm>i { background-position:-90px -20px;}
.header_index:hover .icon li.icon_ewm:hover>i { background-position:-90px -40px;}

.footer_index { width:1400px;}
.footer_index .nav dl { width:130px;}
.footer_index #fixed_right { margin-right:-760px;}

.index_swiper { width:100%; margin-top:-100px; left:0;}
.index_swiper .swiper { float:left; width:100%; height:100%; position:relative;}
.index_swiper .swiper-slide p { color:#fff; text-transform:uppercase; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_swiper .swiper-slide .bg { float:left; width:100%; font:0/0 arial; position:relative; z-index:1;}
.index_swiper .swiper-slide .img { width:100%; height:100%; top:0; z-index:10;}
.index_swiper .swiper-slide .img img { min-height:100%; transition:all 0.8s;}
.index_swiper .swiper-slide-active .img img { animation:swiper_active 6s ease;}
.index_swiper .swiper-slide .video { width:100%; height:100%; top:0; z-index:10;}
.index_swiper .swiper-slide .video:before { width:100%; height:100%; content:""; background:rgba(0,0,0,0); position:absolute; top:0; left:0; z-index:15;}
.index_swiper .swiper-slide .video video { width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:10;}
.index_swiper .swiper-pagination { width:auto; height:6px; padding:4px; background:rgba(0,0,0,0.4); border-radius:10px; left:50%; bottom:10px; transform:translateX(-50%); display:none;}
.index_swiper .swiper-pagination-bullet { width:6px; height:100%; margin:0 2px !important; background:rgba(255,255,255,0.6); border-radius:100%;}
.index_swiper .swiper-pagination-bullet-active { background:rgba(255,255,255,1);}
.index_swiper .swiper-button { display:none;}
@keyframes swiper_active {
	0% { transform:scale(1.15);}
	100% { transform:scale(1);}
}

.index_title { width:100%; padding-bottom:20px; position:relative; z-index:20;}
.index_title h5,.index_title h6,.index_title dl { float:left; width:100%; text-align:center; position:relative; z-index:10;}
.index_title h5 { height:28px; line-height:24px; font-size:30px; font-weight:bold; color:#e60012;}
.index_title h6 { margin-top:10px; line-height:12px; font-size:14px; color:#3e3a39;}
.index_title dl { height:36px; margin-top:14px; line-height:36px; font-size:14px; text-align:center;}
.index_title dl dd { width:130px; height:100%; margin:0 3px; text-align:center; display:inline-block; position:relative;}
.index_title dl dd a { height:100%; background:#050505; color:#fff; display:block;}
.index_title dl dd a:hover,.index_title dl dd a.active { background:#e60012;}

.index_more { width:100%; height:40px; text-align:center; line-height:40px; font-size:16px; position:relative; z-index:20;}
.index_more li { float:none; width:150px; height:100%; display:inline-block;}
.index_more li a { float:left; width:100%; height:100%; background:#e60012; border-radius:3px; text-align:center; color:#fff; position:relative;}
.index_more li i { height:100%; display:inline-block; position:relative; transition:all 0.3s;}
.index_more li a:before { width:0px; height:1px; content:""; background:#fff; position:absolute; top:26px; left:0; transition:all 0.2s;}
.index_more li:hover a { background:#050505;}
.index_more li:hover a:before { width:25px;}

.index_about { padding-top:80px;}
.index_about:before { width:1920px; height:100%; content:""; background:url(../images/bg_about.jpg) no-repeat center bottom; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:1;}
.index_about .title { width:100%; margin-bottom:30px; font:0/0 arial;}
.index_about .info { width:100%; margin:-8px 0; line-height:30px; font-size:14px; color:#3e3a39;}

.index_about .list { width:calc(100% - 2px); height:100px; margin:60px 0; border-left:#f2f2f3 2px solid;}
.index_about .list li { width:calc(100% / 4 - 2px); height:100%; border-right:#f2f2f3 2px solid; overflow:visible; position:relative;}
.index_about .list li a { float:left; width:100%; height:100%; position:relative;}
.index_about .list li p { text-align:center; color:#3e3a39; position:absolute; left:50%; transform:translateX(-50%); transition:all 0.25s;}
.index_about .list li .txt1 { padding:0 20px; top:15px;}
.index_about .list li .txt1 span { float:left;}
.index_about .list li .txt1 .count-number { text-align:center; font:60px/54px "ALTGOT2N"; color:#e60012;}
.index_about .list li .txt1 .unit { line-height:14px; font-size:14px; position:absolute; bottom:10px; right:0;}
.index_about .list li .txt2 { line-height:12px; font-size:14px; bottom:15px;}
.index_about .list li.li2 .txt1 .count-number { min-width:86px;}
.index_about .list li.li3 .txt1 .count-number { min-width:50px;}
.index_about .list li.li4 .txt1 { padding:0 34px;}
.index_about .list li.li4 .txt1 .count-number { min-width:96px;}
.index_about .list li.li5 .txt1 .count-number { min-width:96px;}
.index_about .list dl:hover { background:rgba(0,0,0,0.014);}
.index_about .list li:hover p { transform:translate(-50%,-15px);}

.index_about .honor_title { width:100%; height:55px; margin-top:65px; position:relative;}
.index_about .honor_title:before { width:1920px; height:1px; content:""; background:#ddd; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.index_about .honor_title li { position:absolute; bottom:0;}
.index_about .honor_title .txt { line-height:20px; font-size:20px; color:#3e3a39; left:0;}
.index_about .honor_title .more { line-height:20px; font-size:14px; bottom:-3px; right:0;}
.index_about .honor_title .more a { padding-left:33px; display:block; position:relative;}
.index_about .honor_title .more a:before { width:25px; height:1px; content:""; background:#898989; position:absolute; bottom:3px; left:0;}
.index_about .honor_title .more a:hover:before { background:#e60012;}

.index_about .honor_list { width:100%; margin:20px 0 70px; position:relative;}
.index_about .honor_list .scroll { width:100%; overflow:hidden; position:relative;}
.index_about .honor_list .auto_list { width:calc((100% + 20px) * 100);}
.index_about .honor_list .auto_list li { width:calc(1% / 4 - 20px); margin-right:20px; position:relative;}
.index_about .honor_list .auto_list li a { float:left; width:100%; position:relative;}
.index_about .honor_list .auto_list li p { width:100%; overflow:hidden; position:absolute; left:0;}
.index_about .honor_list .auto_list li .bg { float:left; font:0/0 arial; position:relative;}
.index_about .honor_list .auto_list li .img { width:calc(100% - 8px); height:calc(100% - 8px); border:#e2dfda 4px solid; top:0;}
.index_about .honor_list .auto_list li .name { height:36px; background:#f3f3f3; text-align:center; line-height:36px; font-size:14px; bottom:0; display:none;}
.index_about .honor_list .auto_list li:hover .img { border-color:#e60012;}
.index_about .honor_list .auto_list li:hover .img img { transform:scale(1);}

.index_about .honor_list .button { width:34px; height:34px; border:#595757 1px solid; border-radius:100%; position:absolute; top:50%; margin-top:-18px; cursor:pointer;}
.index_about .honor_list .button:before { width:12px; height:12px; content:""; border:#595757 1px solid; border-right:0; border-bottom:0; position:absolute; top:50%; left:14px; margin-top:-6px; transform:rotate(-45deg);}
.index_about .honor_list .button:hover { border-color:#e60012;}
.index_about .honor_list .button:hover:before { border-color:#e60012;}
.index_about .honor_list .button.auto_list_prev { left:-50px;}
.index_about .honor_list .button.auto_list_next { right:-50px;}
.index_about .honor_list .button.auto_list_next:before { transform:rotate(135deg); left:7px;}

.index_dashi { width:100%;}
.index_dashi .imgs { width:100%; background:#080808; font:0/0 arial; position:relative; z-index:10;}

.index_product { padding-top:80px;}
.index_product .list { width:calc(100% + 25px); margin-top:-20px; position:relative; z-index:10;}
.index_product .list li { width:calc(100% / 3 - 25px); margin:20px 25px 0 0; position:relative;}
.index_product .list li a { float:left; width:100%; position:relative;}
.index_product .list li p { width:100%; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_product .list li .bg { float:left; font:0/0 arial; position:relative; z-index:1;}
.index_product .list li .img { height:100%; top:0; z-index:15;}
.index_product .list li .name { width:auto; height:40px; color:#fff; overflow:visible; bottom:30px; left:30px;}
.index_product .list li .name span { position:absolute; left:0;}
.index_product .list li .name span:nth-child(1) { line-height:18px; font-size:18px; top:0;}
.index_product .list li .name span:nth-child(2) { line-height:12px; font-size:12px; text-transform:uppercase; bottom:0;}
.index_product .list li:hover .img img { transform:scale(1.08);}

.index_join { padding:70px 0 150px; margin-top:80px;}
.index_join:before { width:1920px; height:100%; content:""; background:#e60012; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:1;}
.index_join .index_title h6 { margin:12px 0 10px; color:#e60012;}
.index_join .index_title:before { width:1920px; height:calc(100% + 70px); content:""; background:#050505 url(../images/bg_join.jpg) no-repeat center top; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:1;}

.index_join .list { width:calc(100% + 30px);}
.index_join .list dl { float:left; width:calc(100% / 2 - 34px - 70px); height:270px; padding:0 35px; margin:50px 30px 0 0; border:#fff 2px solid; border-radius:20px; color:#fff; overflow:hidden; position:relative;}
.index_join .list dl a { color:#fff;}
.index_join .list dt { float:left; width:100%; height:20px; margin-top:28px; line-height:18px; font-size:20px; font-weight:bold;}
.index_join .list dd { float:left; width:100%; margin-top:18px; line-height:28px; font-size:14px;}

.index_join .more { width:438px; height:44px; border:#fff 1px solid; border-radius:22px; overflow:hidden; position:absolute; bottom:70px; left:50%; transform:translateX(-50%);}
.index_join .more li.msg { width:148px; height:100%; line-height:44px; font-size:16px; position:absolute; top:0px; left:0px;}
.index_join .more li.msg a { float:left; width:100%; height:100%; background:#fff; text-align:center; color:#e60012;}
.index_join .more li.msg i { padding-left:28px; position:relative;}
.index_join .more li.msg i:before { width:20px; height:18px; content:""; background:url(../images/base.png) no-repeat -110px -60px; position:absolute; top:50%; left:0; margin-top:-7px;}
.index_join .more li.msg:hover a { background:#000; color:#fff;}
.index_join .more li.msg:hover i:before { background-position:-110px -80px;}
.index_join .more li.tel { width:calc(100% - 148px); height:100%; text-align:center; color:#fff; position:absolute; top:0; right:0;}
.index_join .more li.tel p { line-height:46px; font-size:22px; display:inline-block;}
.index_join .more li.tel p:first-child { padding-left:20px; font-size:12px; position:relative; top:-1px;}
.index_join .more li.tel p:first-child:before { width:18px; height:18px; content:""; background:url(../images/base.png) no-repeat -135px -60px; position:absolute; top:50%; left:0; margin-top:-11px;}

.index_yingyin { padding-top:80px;}
.index_yingyin .list { width:calc(100% + 25px); margin-top:-25px; position:relative; z-index:10;}
.index_yingyin .list li { width:calc(100% / 3 - 25px); margin:25px 25px 0 0; position:relative;}
.index_yingyin .list li a { float:left; width:100%; padding-bottom:30px; position:relative;}
.index_yingyin .list li p { width:100%; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_yingyin .list li .bg { float:left; font:0/0 arial; position:relative; z-index:1;}
.index_yingyin .list li .img { height:calc(100% - 30px); top:0; z-index:15;}
.index_yingyin .list li .play { height:calc(100% - 30px); background:rgba(0,0,0,0.4); top:0; z-index:25;}
.index_yingyin .list li .play:before { width:46px; height:46px; content:""; border:rgba(255,255,255,0.6) 2px solid; border-radius:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.index_yingyin .list li .play:after { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat -160px -60px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -9px;}
.index_yingyin .list li .name { height:16px; text-align:center; line-height:16px; font-size:16px; bottom:0;}
.index_yingyin .list li:hover .img img { transform:scale(1.08);}

.index_news { padding:60px 0; margin-top:70px; margin-bottom:-60px;}
.index_news:before { width:1920px; height:100%; content:""; background:#f2efe9; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1;}

.index_news .list { width:calc(100% + 25px); margin-top:-25px;}
.index_news .list li { width:calc(100% / 3 - 25px); margin:25px 25px 0 0; position:relative;}
.index_news .list li a { float:left; width:100%; padding-bottom:180px; color:#595757; position:relative;}
.index_news .list li p { width:100%; overflow:hidden; position:absolute; left:0;}
.index_news .list li .bg { float:left; font:0/0 arial; position:relative;}
.index_news .list li .img { height:calc(100% - 180px); top:0;}
.index_news .list li .name { height:20px; line-height:20px; font-size:18px; font-weight:bold; bottom:140px;}
.index_news .list li .date { line-height:12px; font-size:12px; color:#898989; bottom:115px;}
.index_news .list li .date span { float:left; height:100%; margin-left:20px;}
.index_news .list li .date span:first-child { margin:0;}
.index_news .list li .info { height:48px; line-height:24px; font-size:14px; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; bottom:55px;}
.index_news .list li .more { width:110px; height:36px; background:#e2dfda; border-radius:3px; text-align:center; line-height:36px; font-size:14px; bottom:0;}
.index_news .list li .more:before { width:20px; height:1px; content:""; background:#595757; position:absolute; bottom:12px; left:0;}
.index_news .list li:hover .img img { transform:scale(1.08);}
.index_news .list li:hover .name { color:#e60012;}
.index_news .list li:hover .more { background:#e60012; color:#fff;}
.index_news .list li:hover .more:before { background:#fff;}

@media (max-width:1500px){
.footer_index { width:1200px;}
.footer_index .nav dl { width:110px;}
.footer_index .nav dl.contact { width:280px;}
.footer_index .ewm li { margin-left:20px;}
.footer_index #fixed_right { margin-right:-660px;}
section { width:1200px;}
}